<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>文章中心</title>
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" />
    <style type="text/css">
        *{ margin:0;padding:0; }
        /*body{*/
        /*    background-image:url("https://i.loli.net/2021/04/15/j6cIiZxzCDN17tH.png");*/
        /*    background-size:cover;*/
        /*}*/
        #Logo{
            width:895px;height:45px;
            /*margin:上下 左右*/
            margin:50px auto;
            border-radius:10px;
            /*html + css3 渐变画图 */
            background-image:-webkit-linear-gradient(rgba(41,41,41,0.75) 0% ,rgba(54,54,54,0.72) 50%,rgba(24,23,23,0.94) 51%);
            box-shadow:1px 1px 33px #fff;/*设计阴影的*/
        }
        #Logo ul li
        {
            width:447px; height:45px;
            list-style:none;/*去掉圆点*/
            float:left;/*水平显示*/
            color:white;/* #fff */
            font-size:18px;
            font-family:"微软雅黑";
            text-align:center;
            line-height:45px;/* 行高跟 高度一致时，竖直居中*/
            border-right:1px solid #000;/*右边框*/
        }
        #Logo ul li a
        {
            color:white;/* #fff */
            font-size:18px;
            font-family:"微软雅黑";
            text-decoration:none;
        }
        #Logo ul li:hover
        {
            background:rgba(10,5,5,0.45);
        }
        #Logo ul li.first:hover
        {
            border-radius:10px 0px 0px 10px;/*左上 左下 圆弧显示 */
        }
        #Logo ul li.last:hover
        {
            border-radius:0px 10px 10px 0px;/*右上 右下 圆弧显示 */
        }
        #Logo ul li ul li
        {
            border:none;
            border-top:1px solid #989898;
            background:rgba(10,5,5,0.45);/*颜色透明度 */
            border-radius:10px;
        }
        #Logo ul li ul
        {
            display:none;/*不显示*/
        }
        #Logo ul li ul li:hover
        {
            background:rgba(10,5,5,0.8);/*颜色透明度 */
            border-radius:10px;
        }
        #Logo ul li:hover ul
        {
            display:block;
            -webkit-animation:roll 1s ease;/*roll 旋转名称，1s旋转效果 */
        }
        .wznr
        {
            display: block;
            width:300px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            text-align:left;/*文字左对齐*/
        }
        .wzbt
        {
            width:200px;
        }
    </style>
</head>
<body>
<div id="Logo">
    <ul>
        <li class="first">
            <a href="/v1/article/getStaffArticleList">我的文章</a>
        </li>
        <li class="last" style="border:none;">
            <a href="/v1/interaction/getInternativeMessageList">问题反馈</a>
        </li>
    </ul>
</div>
<!--<div>-->
<!--<ul class="nav nav-pills">-->
<!--    <li role="presentation"><a href="/v1/article/getStaffArticleList" class="href" target="_blank">我的文章</a></li>-->
<!--</ul>-->
<!--<ul class="nav nav-pills">-->
<!--    <li role="presentation"><a href="/v1/interaction/getInternativeMessageList" class="href" target="_blank">问题反馈</a></li>-->
<!--</ul>-->
<!--</div>-->
    <div class="container">
        <h2><a class="btn btn-sm btn-success" href="emp" th:href="@{/v1/article/createArticle}">新建文章</a></h2>
        <div class="table-responsive">
            <table class="table table-striped table-sm">
                <thead>
                <tr>
<!--                    <th>文章序号</th>-->
                    <th class="wzbt">标题</th>
                    <th>内容</th>
                    <th>阅读量</th>
                    <th>发布人</th>
                    <th>所属组织</th>
                    <th>发布日期</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="emp:${emps}">
<!--                    <td th:text="${emp.wzid}"></td>-->
                    <td th:text="${emp.wzbt}"></td>
<!--                    <td  th:text="${emp.wznr}">-->
                    <td  >
                        <div class="wznr" th:title="${emp.wznr}" th:text="${emp.wznr}"></div>
                    </td>
                    <td th:if="${emp.ydl}==null" th:text="0"></td>
                    <td th:if="${emp.ydl}!=null" th:text="${emp.ydl}"></td>
                    <td th:text="${emp.swryXm}"></td>
                    <td th:text="${emp.swjgMc}"></td>
                    <td th:text="${#dates.format(emp.fbsj, 'yyyy-MM-dd')}"></td>
                    <td th:text="${emp.zt}==0?'编辑中':'发送成功'"></td>
                    <td>



                        <a th:attr="del_uri=@{/emp/}+${emp.wzid}" class="btn btn-sm btn-primary" th:href="@{/v1/article/setArticle?id=}+${emp.wzid}">编辑
                        </a>
                        <a class="btn btn-sm btn-danger deleteBtn"  th:href="@{/v1/article/deleteArticle?id=}+${emp.wzid}">删除</a>
                        <a class="btn btn-sm btn-primary" style="background-color: #33b780;
    border-color: #249752;" th:if="${emp.zt}==0" th:href="@{/v1/article/sendArticle?id=}+${emp.wzid}">发送</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
</div>
</body>
</html>